<header id='header'>
  <div class="w clearfix">
    <div class="logo fl">
      <h1>
        <a href="./index.html">
          蘑菇街
        </a>
      </h1>
    </div>
    <div class="dir fl">
      <i></i>
      目录
      <div class="dir-menu">
        <div class="dir-menu-item fl">
          <div class="title">主题市场</div>
          <ul>
            <li>上衣</li>
            <li>裙装</li>
            <li>裤子</li>
            <li>女鞋</li>
            <li>美妆</li>
            <li>包包</li>
            <li>配饰</li>
            <li>内衣</li>
            <li>男友</li>
            <li>母婴</li>
            <li>家居</li>
            <li>食品</li>
          </ul>
        </div>
        <div class="dir-menu-item fl">
          <div class="title">
            热门品牌
            <a href="javascript:;">全部品牌</a>
          </div>
          <ul>
            <li>果核宇宙</li>
            <li>SICILY西西里</li>
            <li>UNIQLO</li>
            <li>littlegood</li>
            <li>GUCCI</li>
            <li>WELLDONE</li>
            <li>ZARA</li>
            <li>Aokang/奥康</li>
            <li>欧诗漫</li>
            <li>美康粉黛</li>
          </ul>
        </div>
        <div class="dir-menu-item fl">
          <div class="title">
            流行话题
            <a href="javascript:;">全部话题</a>
          </div>
          <ul>
            <li>#怎么多拿压岁钱？穿的"嫩"啊！#</li>
            <li>#十月最强套装攻略，穿到冬天#</li>
            <li>#小长假倒计时，明天上班穿这套！#</li>
            <li>#手把手教你化秋日暖阳妆#</li>
            <li>#国庆七日穿搭打卡技巧#</li>
            <li>#西装+裙子=2019最火情侣档#</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="search_wrapper fl">
      <input class='search-input' type="text" placeholder="韩版新款连衣裙">
      <i class="search-btn"></i>
      <div class="search-menu">
        <ul class="title-list clearfix">
        </ul>
        <ul class="content-list">
        </ul>
      </div>
    </div>
    <ul class="opearation fl">
      <li>
        <div class="icon message"></div>
        <p>消息</p>
      </li>
      <li>
        <div class="icon store"></div>
        <p>收藏</p>
      </li>
      <li>
        <a href="./shopCart.html">
          <div class="icon shopcart"></div>
          <p>
            购物车
          </p>
        </a>
      </li>
      <li>
        <div class="icon app"></div>
        <p>下载APP</p>
        <div class="download-app">
          <img src="../static/images/base/qrcode.png" alt="">
        </div>
      </li>
    </ul>
    <div class="user-info fr">
      <div class="avatar fl">
        <img src="../static/images/base/avatar.jpg" alt="">
      </div>
      <div class="nickname fl">
        <span class="title">
          <span class='nick-text'></span>
          <i class='iconfont icon-xiajiantou'></i>
        </span>
        <ul class="user-operation">
          <li id="update-userinfo">修改个人信息</li>
          <li id="update-password">修改密码</li>
          <li id="logout">退出</li>
        </ul>
      </div>
    </div>
    <div class="login-tip fl">
      <a href="./login.html">
        菇凉你好,<br>点这去登录
      </a>
    </div>
  </div>
</header>